// flex
// ====================================
.flex(
  @flexDirection:row;
  @justifyContent:flex-start;
  @alginItems:flex-start
){
  display: flex;
  flex-direction: @flexDirection;
  justify-content: @justifyContent;
  align-items: @alginItems;
}

.ell(@row:2){
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @row;
  line-clamp: @row;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

.anim-color() {
  transition: color .25s linear,
              opacity .25s linear,
              border-color .25s linear,
              background-color .25s linear;
}

.text-ellipsis(@num: 1) {
  .ell(@num);
  // display: -webkit-box;
  // -webkit-box-orient: vertical;
  // -webkit-line-clamp: @num;
  // overflow: hidden;
  // text-overflow: ellipsis;
}

